<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#div2{
				width:100px;
				height:100px;
				margin:0 auto;
				border:1px solid red;
			}
		</style>
	</head>
	<body>
		<script>
//		创建一个节点:本例创建的是 div
			var oDiv = document.createElement('div');
			console.log(oDiv);
//		添加属性
			oDiv.setAttribute('class','c1');
			oDiv.setAttribute('id','div1');
//		添加内容
			oDiv.innerHTML = '我是div1';
			//向页面中添加节点，本例中相当于是往body中添加
//			如果要往div2中加
			window.onload = function(){
				var oDiv2 = document.getElementById("div2");
				console.log(oDiv2);
//				給div2追加子节点 oDiv
//				document.body.appendChild(oDiv);
				oDiv2.appendChild(oDiv);
			}
			
		</script>
		
		<div id="div2"></div>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	</body>
</html>
